<template>
  <div style="padding: 10px">
    <upload v-model="fileList" :type="1" :limit="3" />
    <!-- <el-switch v-model="simple" active-color="#13ce66" inactive-color="#ff4949" @change="changeCourse" />
    <course v-model="course" />
    <div style="padding: 10px">
      course: {{ course }}
    </div>
    <div style="padding: 10px">
      <span v-for="(item, index) in fileList" :key="index">
        {{ item }}
      </span>
    </div>
    <div style="padding: 10px">
      fileUrl: {{ fileUrl }}
    </div> -->
  </div>
</template>

<script>
import upload from '@/views/compts/upload'
// import course from '@/views/compts/course'

export default {
  components: {
    upload
  },
  data() {
    return {
      // http://learned.oss-cn-beijing.aliyuncs.com/f22699f22f534a87aef381286507307e.png
      fileUrl: '',
      fileList: [{
        id: 1,
        name: '1.png',
        url: 'http://learned.oss-cn-beijing.aliyuncs.com/87633cdc5b8143edb1e12db96acc36e4.png'
      }, {
        id: 2,
        name: '2.png',
        url: 'http://learned.oss-cn-beijing.aliyuncs.com/f22699f22f534a87aef381286507307e.png'
      }],
      simple: false,
      course: {
        clientId: '376791707515224064',
        chapterId: '376785622913908736',
        chapterName: '国际税制',
        courseId: '376785248761020416',
        courseName: '课程1',
        sectionId: '376785626378403840',
        sectionName: '国际税制重点'
      },
      course1: {
        clientId: '376791707515224064',
        chapterId: '1526055945113600',
        chapterName: '第五章',
        courseId: '377763980816678912',
        courseName: 'fwhf课程3',
        sectionId: '3977943823159296',
        sectionName: '5.2 test'
      }
      // course: null
    }
  },
  watch: {

  },
  mounted() {

  },
  methods: {
    changeCourse() {
      console.log('changeCourse')
      this.course = this.course1
    }
  }
}
</script>
